<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <title>白菜价 哟哟哟</title>
    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/lowPrice.css">
</head>
<body>
    <!--白菜价头部开始-->
    <div class="lowPrice_title">
        <div class="lowPrice_title_main">
            <a href='../index.html' class="glyphicon glyphicon-chevron-left"></a>
            <span>白菜价-淘宝内部券</span>
            <a href='javascript:;'><img src="../images/header_app.png"></a>
        </div>
    </div>
    <!--白菜价头部结束-->

    <!--白菜价导航栏开始-->
    <div class="lowPrice_nav" id="lowPrice_nav">
        <!-- Nav tabs -->
        <ul class="nav nav-tabs" role="tablist">
            <!--标题模板占坑-->
        </ul>
    </div>
    <!--白菜价导航栏结束-->

    <!-- 白菜价内容栏 -->
    <div class="tab-content">
        <!--内容栏占坑-->
    </div>
    <div class="air toTOP">
        <span class="glyphicon glyphicon-plane" aria-hidden="true"></span>
    </div>
    <!--白菜价底部-->
    <footer>
        <div class="footer_nav">
            <a href="./login.html">登录</a>
            <a href="./register.html">注册</a>
            <a class="toTOP" href="javascript:;">返回顶部</a>
        </div>
        <div class="footer_app">
            <a href="javascript:;">手机app下载</a>
            <a href="javascript:;">慢慢买手机版</a>
            <span class="tips"> -- 掌上比价平台</span>
        </div>
        <div class="footer_com">m.manmanbuy.com</div>
    </footer>

</body>
    <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
    <script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
    <script src="../lib/iscroll/dist/iscroll.js"></script>
    <script src='../lib/art-template/template-web.js'></script>
    <script src="../js/lowPrice.js"></script>

    <!--标题模板占坑-->
    <script type="text/template" id="navTmp_title">
        {{ each result }}
        <li role="presentation">
            <a href="#{{ $value.titleId}}" data-id="{{ $value.titleId}}" aria-controls="home" role="tab" data-toggle="tab">
                {{ $value.title}}
            </a>
        </li>
        {{ /each }}
    </script>
    <!--标题内容占坑-->
    <script type="text/template" id='navTmp_content'>
      {{each result value key}}
        <div role="tabpanel" class="tab-pane active" id="{{value.productId}}">
            <div class="goods">
                <a href='javascript:;' class="goods_img">
                    {{@ value.productImg}}
                </a>
                <div class="goods_content">
                    <div class="goods_content_title">
                        {{@ value.productName}}
                    </div>
                    <div class="goods_content_price">
                        {{@ value.productPrice}}
                    </div>
                    {{@ value.productCouponRemain}}
                    {{@ value.productCoupon}}
                    {{@ value.productHref}}
                </div>
            </div>
        </div>

      {{/each}}
    </script>
</html>
